<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>仪器共享</title>

<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

<meta name="description"
	content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
<link rel="stylesheet" href="new_css/header_footer.css?t=1">
<link rel="stylesheet" href="new_css/publishService.css">
<link rel="stylesheet" href="css/new_style.css">
<script src="new_js/jquery-1.11.3.js"></script>
<script>
	$(function() {
		$('#front_header .header_wrap .right').hover(function() {
			$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
			$('#front_header .header_wrap .right .out').show();
		}, function() {
			$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
			$('#front_header .header_wrap .right .out').hide();
		});
		$('#sorts').on('mouseover', 'li', function() {
			$(this).find('span img').attr('src', 'images/icon4.png');
		});
		$('#sorts').on('mouseout', 'li', function() {
			$(this).find('span img').attr('src', 'images/icon5.png');
		});

		$('.mainList .content .left li').click(function() {
			$(this).addClass('selected').siblings().removeClass('selected');
		});
	});
</script>
<script src="method/xhh/productDetail.js"></script>
<script type="text/javascript">
	function GetQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return unescape(r[2]);
		return null;
	}
	$(document).ready(function() {
		subscribe(GetQueryString("id"))
	});
</script>

</head>

<body style="background:#fff;">

	<div id="front_header">
		<div class="header_wrap">
			<div class="fl left">
				<img src="images/home.png" /> <span>欢迎访问仪器共享平台</span>
			</div>
			<div class="fr right">
				<div class="main">
					<div class="user_pic fl">
						<img src="images/user.png" />
					</div>
					<div class='user_name fl'>一日一记忆</div>
					<div class='icon fl'>
						<img src="images/icon1.png" />
					</div>
				</div>
				<div class="out">
					<div class="user_center">
						<a href="/Instrument/userhome">用户中心</a>
					</div>
					<div class="log_out">
						<a href="/Instrument/userexit">退出登录</a>
					</div>
					<div class="tri">
						<img src="images/icon9.png" />
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="" id="nav_top">
		<div class="container">
			<div class="fl">
				<div class="logo ">
					<a href="index.jsp"><img src="images/logo.png" alt=""></a>
				</div>
				<div class="web_name">
					<!--<img src="images/icon3.png" />-->
					<p>仪器管理</p>
				</div>
			</div>
		</div>
	</div>
	<div class="tab_top" style="display:none;">
		<div class="tab_top_content">
			<div class="item1 ">
				<a href="#this">仪器管理与分布 <img src="images/insUser_icon.png" /></a>
			</div>
			<div class="item2 ">
				<a href="#this">预约订单管理</a>
			</div>
			<div class="item2 selected">
				<a href="#this">实验订单管理</a>
			</div>
		</div>
	</div>
	<div class="mainList">
		<div class="bNav">
			您的位置：首页》全功能紫外-可见-近红外荧光光谱仪><span>仪器订单</span>
		</div>
		<div class="content">

			<div class="right">
				<div class="title">
					<span>仪器订单</span>
				</div>
				<ul>
					<li class="sun_item">
						<div class="sun_item_div1">仪器信息</div>
						<div class="sun_item_div2">
							<div class="sun_item_img">
								<img src="images/productDetailPic.png" />
							</div>
							<div class="item_box">
								<br />
								<p id="chineseName2">高内涵筛选系统</p>
								<br />

								<p id="englishName">opertter</p>
								<br />

								<div>
									仪器综合评分：
									<ul class="comment">
										<li style="margin-bottom: 0px;">☆</li>
										<li style="margin-bottom: 0px;">☆</li>
										<li style="margin-bottom: 0px;">☆</li>
										<li style="margin-bottom: 0px;">☆</li>
										<li style="margin-bottom: 0px;">☆</li>
									</ul>
								</div>
							</div>
						</div>
					</li>
					</ul>
					<form id="subscribe" method="post">
					<input type="hidden" id="cuId" name="cuId" value="<%= session.getAttribute("inid") %>"/>
					<input type="hidden" name="orderType" value="1" />
					<input type="hidden" id="infoId" name="insInfo.id"/>
					<input type="hidden" id="chineseName" name="inName"/>
					<ul>
					<li><label>项目名称：</label> <input type="text" name="orderappli.appliCationProject" id=""
						/></li>
					<li class="item11"><label>仪器应用项目：</label> <select>
							<option>请选择仪器应用项目</option>
					</select></li>

					<li><label>联系人</label> <input type="text" name="orderappli.prinpical" id="" /></li>

					<li><label>联系电话</label> <input type="text" name="orderappli.pirnpicalTel" id="" /></li>

					<li class="item8"><label>测试样品</label><input type="text"
						name="Sample[0].centent" id="" /></li>

					<li class="item4"><label>备注：</label> <textarea name="Sample[0].remarks"></textarea></li>
				</ul>
				<button type="submit" onclick="saveSubscribe()">
					待支付
				</button>
				</form>
			</div>
		</div>
		<div class="pageButton"></div>

		<!--找个分页插件插入-->
	</div>

	<%@include file="/footer.jsp"%>
	<script src="js/jquery-1.11.3.js"></script>
	<script>
		$(function() {
			var wjx_k = "☆";
			var wjx_s = "★";
			//prevAll获取元素前面的兄弟节点，nextAll获取元素后面的所有兄弟节点  
			//end 方法；返回上一层  
			//siblings 其它的兄弟节点  
			//绑定事件  
			$(".comment li").on("mouseenter", function() {
				$(this).html(wjx_s).prevAll().html(wjx_s).end().nextAll().html(wjx_k);
			}).on("click", function() {
				$(this).addClass("active").siblings().removeClass("active")
			});
			$(".comment").on("mouseleave", function() {
				$(".comment li").html(wjx_k);
				$(".active").text(wjx_s).prevAll().text(wjx_s);
			})
		});
	</script>

</body>

</html>